<template>
    <div class="main-content" style="width: 50%;">
        <el-tabs v-model="activeName" @tab-click = "clickTab">
            <el-tab-pane label="个人资料" name="个人资料">
                <person-page />
            </el-tab-pane>
            <el-tab-pane label="我的博客" name="我的博客">
                <person-blog />

              <div>

              </div>
            </el-tab-pane>
            <el-tab-pane label="我的点赞" name="我的点赞">
                
            </el-tab-pane>
            <el-tab-pane label="我的收藏" name="我的收藏">

            </el-tab-pane>
            <el-tab-pane label="我的评论" name="我的评论">

            </el-tab-pane>
        </el-tabs>
    </div>    
</template>

<script>
import PersonPage from '@/components/front/PersonPage'
import PersonBlog from '@/components/front/PersonBlog.vue'
export default {
    name:'person',
    components:{
        PersonPage,
        PersonBlog,
    },
    data(){
        return{

            activeName:'个人资料',
        }
    },
    methods:{
        addBlog(){
            this.$router.push({ name: 'NewBlog' })
        },
        clickTab(tab){
            console.log(tab)
        }
    }
}
</script>

<style scoped>

</style>
